<template>
  <div class="student">
    <h2>学生姓名:{{ name }}</h2>
    <h2>学生性别:{{ sex }}</h2>
    <button @click="sendStudentName"> 把学生名给School组件</button>
  </div>
</template>

<script>
import pubsub from 'pubsub-js'

export default {
  name: "School",
  data() {
    return {
      name: '张三',
      sex: '男'
    }
  },
  methods: {
    sendStudentName() {
      // this.$bus.$emit('hello',this.name)
      // console.log('sendStudentName方法执行了')
      pubsub.publish('hello', 666)
    }
  },
  beforeDestroy() {
    // this.$bus.$off('hello')
  }
}
</script>

<style scoped>
.student {
  background-color: pink;
  padding: 5px;
}
</style>